<template>
	<view>
		<view class="bg">
			<image src="../../../static/我的-邀约好友-背景图.png" mode=""></image>
		</view>
		
		<view class="foot-bar">
			<view class="point">
				<text>长按识别或扫描二维码进入</text>
				<u-icon class="icon" color="#939393" size="14" name="play-right-fill"></u-icon>
			</view>
			<view class="photo">
				<image src="../../../static/测试二维码图片.png" mode=""></image>
			</view>
		</view>
		
		<view class="btn">
			<u-button type="error">保存海报</u-button>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.bg image {
		width: 100%;
		height: 1000rpx;
	}
	
	.foot-bar {
		display: flex;
		justify-content: space-around;
		width: 90%;
		margin: 5%;
	}
	
	.foot-bar image{
	  height: 200rpx;
		width: 200rpx;
	}
	
	.point{
		width: 60%;
		position: relative;
		border-right: 2rpx dashed #da242a;
	}
	
	.point text {
		position: absolute;
		bottom: 50rpx;
		left: 0;
		color: #939393;
		font-size: 28rpx;
	}
	
	.point .icon {
		position: absolute;
		bottom: 60rpx;
		right: 40rpx;
	}
	
	.photo {
		width: 30%;
	}
	
	.btn {
		width: 90%;
		margin: 5%;
	}
</style>
